<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家庭医生</title>
    <link rel="stylesheet" type="text/css" href="Untitled-1.css">
</head>
<body>
    <div class="title">
        <div class="title-logo">
            <img src="images/logo.png">
        </div>
    </div>
    <div class="nav">
        <div class="nav-ul">
            <ul>
                <li><a href="#"><img src="images/location.png">&nbsp深圳&nbsp&nbsp切换</a></li>
                <li><a href="#">首页</a></li>
                <li><a href="#">咨询</a></li>
                <li><a href="#">测评</a></li>
                <li><a href="#">商城</a></li>
                <li><a href="#"><img src="images/adm.png">&nbsp&nbsp个人中心</a></li>
            </ul>
        </div>
    </div>
    <div class="center">
        <div class="center-nav-1">首页>预防装修污染>材料库</div>
        <div class="center-nav-2">
            <ul>
                <li><a href="#" class="name">类别</a></li>
                <li><a href="#" >全部</a></li>
                <li><a href="#" class="show">地板</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#"><img src="images/indexSelect.png"></a></li>
            </ul>
            <ul>
                <li><a href="#" class="name">类型</a></li>
                <li><a href="#">全部</a></li> 
            </ul>
            <ul >
                <li><a href="# "class="name">材质</a></li>
                <li><a href="#">全部</a></li>
                <li><a href="#" class="show">实木</a></li>
            </ul>
            <ul>
                <li><a href="#" class="name">品牌</a></li>
                <li><a href="#">全部</a></li>
                <li><a href="#" class="show">圣象</a></li>
                <li><a href="#">大自然</a></li>
            </ul>
        </div>
        <div class="center-nav-3">
            <div class="choose">发布时间&nbsp<img src="images/downicon.png">
                &nbsp&nbsp价格&nbsp&nbsp<img src="images/upicon.png">
                &nbsp&nbsp环保节能&nbsp&nbsp<img src="images/upicon.png">
            </div>
            <div class="search">
                <input type="text" placeholder="搜素"/>
                <button><img src="images/search.png"></button>
            </div>
            <div class="question"><img src="images/wenhao.png">了解家居医生建材环保</div>
        </div>
        <div class="picshow">
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text1">
                    <h5 class="detail">德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4 class="grade">环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
            <div class="picshow-product">
                <img src="images/data_image.png">
                <div class="text2">
                    <h5>德尔 都市系列<br>木地板 - 复合地板<br>单价128元/m²</h5>
                    <h4>环保评级： B （可以使用）</h4>
                </div>
            </div>
        </div>
        <div class="page">
            <span class="up">上一页</span>
            <span class="pg1">1</span>
            <span class="pg2"><a href="#">2</a></span>
            <span class="pg1">3</span>
            <span class="pg1">4</span>
            <span class="pg1">5</span>
            <span class="up">下一页</span>
            <span class="all">共有10页，去第</span>
            <span><input type="text" class="page-text"></span>
            <span>页</span>
            <span class="sure"><a href="#">确定</a></span>
        </div>
        <div class="advice">
            <div class="advice-pic"><img src="images/small_weixin.png"></div>
            <div class="advice-text"><h4>建材要求 需求反馈</h4>
                <h5>亲爱的用户，我们正在不断完善</h5>
                <h5>若没有找到您需要的材料，请联系我们</h5>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-center">
            <div class="footer-logo">
                <img src="images/footerLogo.png">
                <h2>为室内环境健康把好每一关</h2>
                <h3>家具医生致力于中国人的家居健康习惯</h3>
            </div>
            <div class="footer-content">
                <h3>关于我们</h3>
                <h3>联系我们</h3>
                <h3>加入我们</h3>
            </div>
            <div class="footer-content">
                <h3>版权说明</h3>
                <h3>用户隐私</h3>
                <h3>免费说明</h3>
            </div>
            <div class="footer-content">
                <h3><img src="images/weixin2.png">官方微信</h3>
                <h3><img src="images/tianmao.png">天猫商城</h3>
                <h3><img src="images/shop.png">XX商城</h3>
            </div>
        </div>
        <div class="footer-copyright">
            <span>深圳建筑科学研究股份有限公司           家居医生网</span>
            <span class="foot-state">粤icp08011321号@Copy All Rights Reserved</span>
        </div>
    </div>
</body>
</html>